<template>
  <el-dialog class="el-row__userDialog" :visible.sync="visible" :title="`${data.dictName}[${data.dictType}]-字典数据`" :close-on-click-modal="false" :close-on-press-escape="false" append-to-body>
    <el-row>
      <el-col :span="24">
        <vxe-table ref="table1" v-loading="dataListLoading" :data="dataList" border :row-id="rowIdField" show-footer style="width: 100%;" :checkbox-config="{reserve: false,highlight:true,trigger:'row'}">
          <vxe-table-column type="index" align="center" width="60"></vxe-table-column>
          <vxe-table-column field="dictLabel" title="dict.label" width="200"></vxe-table-column>
          <vxe-table-column field="dictValue" title="dict.dictValue" width="150"></vxe-table-column>
          <vxe-table-column field="sort" title="dict.sort" width="60" align="center"></vxe-table-column>
          <vxe-table-column field="remark" title="dict.remark"></vxe-table-column>
        </vxe-table>
        <el-pagination style="padding-top: 10px;" :current-page="page" :page-sizes="[10, 20, 50, 100]" :page-size="limit" :total="total" layout="total, sizes, prev, pager, next, jumper" @size-change="pageSizeChangeHandle" @current-change="pageCurrentChangeHandle">
        </el-pagination>
      </el-col>
    </el-row>
  </el-dialog>
</template>
<script>
import mixinViewReserve from '@/mixins/view-reserve'
export default {
  mixins: [mixinViewReserve],
  data () {
    return {
      visible: false,
      defaultValues: null,
      data: {},
      mixinViewModuleOptions: {
        getDataListURL: '/tmp/tmpDictDataInit/page',
        getDataListIsPage: true,
        activatedIsNeed: false
      },
      dataForm: {
        dictType: ''
      }
    }
  },
  props: {
    rowIdField: {
      type: String,
      default () {
        return 'id'
      }
    },
    width: {
      type: String,
      default () {
        return '70%'
      }
    },
    multiple: {
      type: Boolean,
      default () {
        return true
      }
    }
  }
}
</script>
<style>
</style>
